<template>
    <List :status="status" @scrolltolower="$emit('scrolltolower', $event)">
        <view class="list">
            <view class="item" v-for="item in list" :key="item._id" @click="toDetail(item._id)">
                <GoodsItem :data="item"></GoodsItem>
            </view>
        </view>
    </List>
</template>

<script>
    export default {
        name: 'GoodsList',
        props: {
            list: Array,
            status: String
        },
        data() {
            return {
                src: 'https://cdn.uviewui.com/uview/album/1.jpg'
            }
        },
        methods: {
            toDetail() {
                
            }
        }
    }
</script>

<style lang="scss" scoped>
    .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: $me-marging-top-card;
        width: 100%;
        .item {
            width: 48%;
        }
    }
</style>